<!DOCTYPE html>
<html lang="en">
<head>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="../css/kazgj.css" rel="stylesheet">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>接口文档工具</title>
</head>
<body>
    <header class="a">
    <nav class="navbar navbar-default a1" id="nav">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            <a class="navbar-brand" href="#">EasyDoc</a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav popo ">
 
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
      <!-- header除了导航外的东西 -->
      <div class="row">
          <div class="col-lg-5 col-lg-offset-5 col-md-offset-5 col-sm-offset-4 col-xs-offset-2"  id="cococ">

        </div>
    </div>
    <div class="row"> <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-3"><img src="../img/home-example-1 (1).png"></div></div>

</header>
<section>
    <!-- section上部的上面部分 -->
    <div class="cc">
   <div class="container-fluid c">
       <div class="container">
           <h3>功能特色</h3>
           <img src="../img/I8D6XH@0X3}RJ@UQ]`9Y9UA.png">
       </div>
   </div>
   <!-- section上部的下面部分 -->
   <div class="container-fluid">
<div class="container">
    <div class="row">
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwert">

        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwertt">
            
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwerttt">
            
        </div>
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
    <div class="row asdfg">
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwertttt">
            
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwerttttt">

        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-4 qwertttttt">
            
        </div>
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
</div>
   </div>
</div>
<!-- section中间上边的内容 -->
<div class="f">
    <div class="container-fluid">
        <div class="container">
            <h3>示例文档</h3>
            <img src="../img/01e5e26249c6e3e996d3ea40e7e565a.png">
        </div>
    </div>
<!-- section中间上边的内容结束 -->
<!-- section中间的内容 -->
<div class="dd">
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <div class="e"  id="h">
                        <div class="e1">
                            <p class="e2">示例文档</p>
                            <p>使用说明</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <div class="ee" id="hh">
                        <div class="e11">
                            <p class="e2">K8S 快速上手</p>
                            <p>视频教程</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 hidden-xs">
                    <div class="eee" id="hhh">
                        <div class="e111">
                            <p class="e2">SVNBucket</p>
                            <p>接口文档</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <div class="eeee" id="hhhh">
                        <div class="e1111">
                            <p class="e2">84HP开源框架</p>
                            <p>使用手册</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-12 hidden-sm">
                    <div class="eeeee" id="hhhhh">
                        <div class="e11111">
                            <p class="e2">Docker 快速上手</p>
                            <p>使用帮助</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
            </div>
        </div>
    </div>
</div>
<!-- section中间的内容结束 -->
<div class="g">
    <div class="row">
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-2 col-sm-2 " id="aaaaaa">

        </div>
        <div class="col-lg-6 col-md-10 col-sm-10 ">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators ">
                  <li data-target="#carousel-example-generic" data-slide-to="0" class="avva"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="1" class="avva"></li>

                </ol>
              
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="../img/home-example-preview2.png" class="vvb">
                    <div class="carousel-caption">
                      
                    </div>
                  </div>
                  <div class="item">
                    <img src="../img/123456.png" class="vvb">
                    <div class="carousel-caption">
                      
                    </div>
                  </div>
               
                </div>
              
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                  <span class="glyphicon mnb">&lt;</span>
                  
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                  <span class="glyphicon mnb">&gt;</span>
                 
                </a>
              </div>
        </div>
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
</div>
<div class="ll">
    <div class="row">
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12"><img src="../img/home-example-test.png"></div>
        <div class="col-lg-2 col-md-6 col-sm-6 col-xs-12">
            <h3>接口测试</h3>
            <p>接口测试功能跟 PostMan 类似，支持前处理、后处理、环境变量； 请求成功后可根据请求记录一键生成文档；还可把测试过程保存为调用示例，方便他人更加清晰的了解如何调用； 还可从浏览器中复制 CURL 一键导入测试参数，快速把已有的接口复制过来测试、生成文档</p>
        </div>
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
</div>
<!-- 第二个轮播图 -->
<div class="g">
    <div class="row">
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-2 col-sm-2 ">
            <h3>高级MOCK</h3>
            <p>接口还没写好？没关系，用 Mock 快速生成一个模拟接口，立刻开始你的对接工作， 还支持根据不同请求参数配置特定的响应参数，还可以设定响应延时、响应头等各种高级功能</p>
        </div>
        <div class="col-lg-6 col-md-10 col-sm-10 ">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
              
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="../img/home-example-mock1.png" class="jjkkl">
                    <div class="carousel-caption">
                      ...
                    </div>
                  </div>
                  <div class="item">
                    <img src="../img/home-example-mock2.png" class="jjkkl">
                    <div class="carousel-caption">
                      ...
                    </div>
                  </div>
                  ...
                </div>
              
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                  <span class="glyphicon fdfd" aria-hidden="true">&lt;</span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                  <span class="glyphicon fdfd" aria-hidden="true">&gt;</span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
        </div>
        <div class="col-lg-2 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
</div>
<!-- 第二个轮播图结束 -->
<!-- 最下面的图片 -->
<div class="row">
    <div class="col-lg-0 col-md-0 col-sm-0 col-xs-0"></div>
    <div class="col-lg-8 md-12 sm-12 xs-12"><img src="../img/home-example-testcase.png"></div>
    <div class="col-lg-2 hidden-md sm-12 xs-12">
        <h3>测试用例</h3>
        <p>提供方便的用例编写工具，可快速编写测试用例，方便的进行期望判断，支持导入第三方库， 可配置初始化脚本、生命周期脚本。一键测试所有用例，清晰展示不同情况测试结果，保障接口的质量安全。</p>
    </div>
    <div class="col-lg-0 col-md-0 col-sm-0 col-xs-0"></div>
</div>
<!-- 最下面的图片结束 -->
</section>
<footer>
    <div class="container-fluid">
        <div class="container">
            <div>友情链接:
                开发者工具箱
                SVN代码托管平台</div>
           <div>粤ICP备17148260号丨
            广州云科信息科技有限公司丨
            服务条款</div>    
        </div>
    </div>
</footer>
    <script src="../js/kfzgj.js"></script>
</body>
</html>